{% load pagination_tags %}
{% include "header/headercategoria.html" %}

<div id="secao1">
            <div id="containerTv">
                <div id="tv">
                    <div id="example">
                        <!--
                        <img src="{{ MEDIA_URL }}img/curtir.png" width="55" height="30" alt="Novo Curtir" id="ribbon">-->
                        <div id="slides">
                            <div class="slides_container">
                                {% for noticias in listahumor|slice:"0:3" %}
                                    <div class="slide">
                                    <a title="{{ cantor.titulo }}" href="{{ noticias.get_absolute_url }}">
                                        <img src="{{ noticias.imagem.url_800x600 }}" width="658" alt="{{ noticias.titulo }}">
                                    </a>
                                        <div class="caption" style="bottom:0">
                                            <a title="{{ noticias.titulo }}" href="{{ noticias.get_absolute_url }}">
                                                <p class="caption-principal">{{ noticias.titulo }}</p>
                                            </a>
                                            <!--
                                            <p class="caption-chamada">{{ noticias.chamada }}</p>-->
                                        </div>
                                    </div>
                                {% endfor %}
                            </div>
                            <a href="#" class="prev" style="display: none"><img src="{{ MEDIA_URL }}img/esquerda.png" width="50" height="50" alt="Esquerda"></a>
                            <a href="#" class="next" style="display: none"><img src="{{ MEDIA_URL }}img/direita.png" width="50" height="50" alt="Direita"></a>
                        </div>
                    </div>
                </div>
            </div>
            <div id="publicidade1">
                {% include "publicidades/adsense/adsense-retangulo-300x250.html" %}
            </div>
        </div>
<div id="ContainerSecao2">
            <div id="secao2">
                <div id="conteudos2">
                    <h1 class="tituloSecao1Agenda">Bem Humorados
                        {% include "publicidades/home-tijolo-eventos.html" %}

                    </h1>

                    <div id="borda">
                        <span class="rodape"></span>
                    </div>
                    {% for noticias in listahumor|slice:"0:5"  %}
                        <div id="bloco">
                            <a title="{{ noticias.titulo }}" href="{{ noticias.get_absolute_url }}">
                                <div id="img">
                                    <img src="{{ noticias.imagem.url_300x225 }}" alt="{{ noticias.titulo }}" >
                                </div>
                            </a>
                            <p class="chapeu_home">{{ noticias.chamada }}</p>
                            <a title="{{ noticias.titulo }}" href="{{ noticias.get_absolute_url }}">
                                <h2 class="titulobloco1Humor">{{ noticias.titulo|truncatewords:6 }}</h2>
                            </a>
                            <!--
                            <p class="descricao_noticia">
                                {{ noticias.subtitulo|truncatewords:12 }}
                            </p>-->
                        </div>
                    {% endfor %}

                </div>


        </div>
    </div>
    <div id="corpo2">
        <div id="containerInternaHumor">
            <div id="conteudoInterna">
                <h1 class="tituloSecao1Agenda">Humor</h1>
                <div id="borda8_2Humor">
                </div>
                <span class="rodape_interna2"></span>
                {% autopaginate listahumor 10 %}
                {% for noticias in listahumor %}
                    <div id="listaBlogs">
                        <a href="{{  noticias.get_absolute_url }}">
                            <div id="imagemBlog">
                                <img src="{{ noticias.imagem.url_300x225 }}" alt="{{ noticias.titulo }}" width="186">
                            </div>
                            <p class="chapeu">{{ noticias.chamada }}</p>
                            <p class="titulobloco1Humor">{{ noticias.titulo }}</p>
                            <p class="subhome_listagem">{{ noticias.subtitulo|truncatewords:19 }}</p>
                        </a>
                    </div>
                {% endfor %}
            <div id="paginac">
                <div id="botoes">
                    {% paginate %}
                </div>
            </div>
            </div>

            </div>

        </div>
        {% include "sidebar/sidebar.html" %}
{% include "footer/footersemsocialmedia.html" %}
